<html>
    <head>
        <meta http-equiv=Content-Type content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width">
        <title>How to Use</title>
        <link rel=STYLESHEET href="../hlp.css" type="text/css">
    </head>
    <body>
        <div id="main">
            <table border=0 cellpadding=0 cellspacing=0 width=100% height=100%>
                <tr><td valign=top height=50>
                        <table cellSpacing=0 cellPadding=0 width=100% bgcolor=#f4f4f4 style="border-bottom: #a4a4a4 1px solid; border-top: #a4a4a4 1px solid; padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px;">
                            <tr><td valign=top align=left>
                                    <h1>How to Use</h1>
                                </td>
                                <td valign=top align=right><h1>USB Thermometer</h1>
                                    <div style="padding-top: 2px; padding-bottom: 10px;">Help</div>
								</td></tr>
                        </table>
                    </td></tr>
                <tr><td align=center valign=top>
                        <table border=0 cellpadding=0 cellspacing=0 width=100% height=100% bgcolor=#ffffff>
                            <tr><td valign=top style="padding: 10px; padding-left: 30px; padding-right: 30px;"><br/>

								<h2>First run</h2>
								
								The first time the application runs the main window will be look like follows. There are no 
								data presentation windows. The USB Thermometer device has not been connected yet.
								
								<div style="margin-top:10px; margin-bottom:10px;">
									<img src="./../../graphics/main_window_null.png"/>
								</div>		
																
								After the device has been connected, under the icon of database a new device will appear. 
								The application	will start searching of sensors connected to the device.
								
								<div style="margin-top:10px; margin-bottom:10px;">
									<img src="./../../graphics/main_window_search.png"/>
								</div>
																
								At the end of sensors searching they will be displayed under the icon of the device. From this
								moment the application is running. It means temperatures are logged to the database now.
								
								<div style="margin-top:10px; margin-bottom:10px;">
									<img src="./../../graphics/main_window_works.png"/>
								</div>
								
								<h2>How to change a sensors name</h2>
								
								It is possible to change names of found sensors. In order to do this select a sensor you
								like and click twice the left mouse button or the F2 key on the keyboard. Type a new name and confirm.
																
								<div style="margin-top:10px; margin-bottom:10px;">
									<img src="./../../graphics/main_window_edit_name.png"/>
								</div>
								
								<h2>Data observation</h2>
																					
								In order to display a graph of temperature click the Graph icon. The new internal window will be opened.
								
								<div style="margin-top:10px; margin-bottom:10px;">
									<img src="./../../graphics/main_window_add_graph.png"/>
								</div>
								
								To display a graph of temperature, select the sensor you like, drag over newly opened window and drop.
								The sensor will be added to the graph. The new data set will be displayed.
								
								<div style="margin-top:10px; margin-bottom:10px;">
									<img src="./../../graphics/main_window_drag_and_drop.png"/>
								</div>							
								
								In other cases sensors are added to the data presentation windows (tables, graphs, bar graphs, reports) 
								using the same method of drag and drop.

                                </td></tr>
                            <tr><td valign=bottom>
                                    <table cellSpacing=0 cellPadding=0 width=100% bgcolor=#f4f4f4 style="border-top: #a4a4a4 1px solid; padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 0px;">
                                        <tr><td valign=top align=left><b>USB Thermometer</b>
                                                <div style="padding-top: 2px; padding-bottom: 10px;"><a href="index.html">Contents</a>
                                                </div></td>
                                            <td valign=top align=right>&copy; KNI Electronics<br><a href="kni-electronics.com">kni-electronics.com</a></td></tr>
                                    </table>
                                </td></tr>
                        </table>
                    </td></tr>
            </table>
        </div>
    </body>
</html>
